<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.js"></script>
</head>
<body >
    <div class="container web_page">
        <div class="head" id="shouye">

            <!-- 导航栏 -->
            <div class=" nav">
                <div class="row nav_con">
                    <div class="col-lg-2 logo" id= "logo1">
                        <img src="images/logo.png" alt="">
                    </div>
                    <div class="col-lg-3"></div>
                    <div class="col-lg-7  nav_list">
                        <div class=" col-lg-1 nav_list_con"><a href="#shouye">首页</a></div>
                        <div class=" col-lg-1 nav_list_con"><a href="#company_info">公司简介</a></div>
                        <div class=" col-lg-1 nav_list_con"><a href="#app_info">应用简介</a></div>
                        <div class=" col-lg-1 nav_list_con"><a href="#ally_join">盟友招募</a></div>
                        <div class=" col-lg-1 nav_list_con"><a href="#contact_us">联系我们</a></div>
                    </div>
                </div>
                
            </div>

            <!-- 大图 -->
            <div class="head_pic" >
                <!-- <img src="images/pic_head.jpg" alt=""> -->
                <div class="head_con">
                    <h3>麒麟设计，让设计更加<span>“舒适”</span>！</h3>
                    <p>
                        助力每一位设计师持续创造价值，实现梦想马上升级，开启“满意”人生！
                    </p>
                    <div class="row head_btn">
                        <div class="col-lg-6">
                            <button>加入我们</button>
                        </div>
                        <div class="col-lg-6">
                            <button>立即下载</button>
                        </div>  
                    </div>    
                </div>
            </div>
        </div>

        <div class="content">
            <div class="about_us" id="company_info">
                <fieldset>
                    <legend><h2>ABOUT &ensp;&ensp;关于我们</h2></legend>
                    麒麟设计助力每一位合作伙伴持续创造价值，实现梦想！
                </fieldset>
                <div class="row about_us_con">
                    <div class="col-lg-6">
                        <!-- <img src="images/pic_office1.jpg" alt=""> -->
                        <div class="layui-carousel lunbo_pic" id="lunbo">
                            <div carousel-item id="lunbo_list" >    
                              <div><img src="images/pic_office1.jpg" alt="tt"></div>
                              <div><img src="images/pic_group.jpg" alt="aa"></div>
                              <div><img src="images/pic_group.jpg" alt="aa"></div>
                              <!-- <div>条目2</div>
                              <div>条目3</div>
                              <div>条目4</div>
                              <div>条目5</div> -->
                            </div>
                        </div>
                        <div class="pic_num">
                            <span class="pic_show_num">01 </span>/<span class="pic_sum"> 02</span>
                        </div>
                        
                    </div>
                    <div class="col-lg-6">
                        <div class="about_us_dec">
                            <h3>公司介绍</h3>
                        <p>Introduction _</p>
                        <p class="about_us_dec_con">
                            麒麟设计是麒麟有限公司（简称麒麟科技）旗下自主研发的一款APP，包图科技是一家以互联网平台运营、WEB应用开发、软件开发、移动互联网通讯技术、云计算、营销推广、技术培训等为核心的技术研发公司。<br>
我公司主要以技术研发创新为主导，把握互联网行业的需求，利用互联网核心技术为客户提供稳定、可靠、功能优异的软硬一体解决方案。<br>
我公司秉承“诚信为本，共同发展”的宗旨，先后与全国多家知名设计公司签订战略合作伙伴协议，我公司已有超过1000位以上的合作伙伴。
                        </p>
                        </div>
                    </div>
                </div>
            </div>


            <!-- 包围设计 -->
            <div class="include_design">
                <div class="row include_con">
                    <div class="col-lg-7">
                        <div class="include_con_up">
                            <div class="col-lg-7">
                                <h4>麒麟设计</h4>
                                <p>
                                    助力每一位设计师持续创造价值，实现梦想！
                                </p>
                            </div>
                            <div class="col-lg-5">
                                <div class="locate_myself">
                                    
                                    自我定位
                                    <img src="images/pic_arrow.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="include_con_down">
                            <p>
                                我公司拥有一支强有力的销售团体及技术服务团队，本着与各设计师团结、合作、开拓、发展的态度，注重信誉，强调服务，以忘我的敬业精神和精湛的技术为用户提供服务，致力成为国内设计师们的专业平台。
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="include_pic">
                            <img src="images/pic_group.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>


            <!-- 应用简介 -->
            <div class="app_intro" id="app_info">
                <div class="app_intro_con">
                    <fieldset>
                        <legend><h2>PRODUCT 应用简介</h2></legend>
                        设计师们的移动分享平台，可满足用户对设计信息的集中查询，在线分享、集中管理的需求，
                    </fieldset>

                    <!-- 应用列表 -->
                    <div class="row app_list">
                        <div class="col-lg-4">
                            <img src="images/pic_menkan.png" alt="">
                            <p class="biaoti"> 低门槛 </p>
                            <p class="biaoti_con">
                                准入人群无论何种身份、什么职业、是否贫富，只要严格遵循国家法律法规，即可注册成为平台“设计师”。
                            </p>
                        </div>
                        <div class="col-lg-4">
                            <img src="images/pic_touru.png" alt="">
                            <p class="biaoti"> 0投入 </p>
                            <p class="biaoti_con">
                                平台提供各类设计助力大礼包，只要满足相应条件，平台将及时向设计师分发收益，根据活动规则还将获得额外奖励。
                            </p>
                        </div>
                        <div class="col-lg-4">
                            <img src="images/pic_kucun.png" alt="">
                            <p class="biaoti"> 0库存 </p>
                            <p class="biaoti_con">
                                用户通过在线下载进行一站式选图、在线下载，系统审核通过订单之后，立刻安排专职专员于火速发货。
                            </p>
                        </div>
                        <div class="col-lg-4">
                            <img src="images/pic_alarm.png" alt="">
                            <p class="biaoti"> 高度自由 </p>
                            <p class="biaoti_con">
                                平台上不受工作时间的限制，无地域场所束缚，经营时间自由、财富自由、业务拓展自由等。
                            </p>
                        </div>
                        <div class="col-lg-4">
                            <img src="images/pic_chen.png" alt="">
                            <p class="biaoti"> 公平透明 </p>
                            <p class="biaoti_con">
                                一切操作透明、公平、公正、公开，平台商品价格统一、规则统一，每位用户机会均等、按劳所得、多劳多得。
                            </p>
                        </div>
                        <div class="col-lg-4">
                            <img src="images/pic_jizhi.png" alt="">
                            <p class="biaoti"> 信息直达 灵活机智 </p>
                            <p class="biaoti_con">
                                即时更新宣传信息，让每一位用户都能直接接触到设计的最新战略，举办相应评选活动，并发放鼓励金等。
                            </p>
                        
                    </div>


                    <!-- 应用下载 -->
                    <div class="row app_download">
                        <div class="col-lg-5"></div>
                        <div class="col-lg-7">
                            <img src="images/pic_download_dot.png" alt="">
                            <p class="biaoti">应用下载</p>
                            <p class="download_dec">
                                “包图设计”定位为设计类、多元化、分享性的B2C设计交流平台，是每一个实名注册的设计师实现自主价值、发展技术的利器，满足线上传图、自主下载、分享、实时查询等多项强大功能。
                            </p>
                            <div>
                                <div class="app_logo">
                                    <img src="images/pic_apple.png" id="app_apple">
                                    <img src="images/pic_android.png" id="app_android">
                                </div>
                            </div>
                        </div>
                       
                    </div>
                </div>  
            </div>



            <!-- 下载量 -->
            <div class="download_num">
                <div class=" row download_con">
                    <div class="col-lg-3">
                        <div class="phone">
                            <img src="images/pic_phone.png" >
                        </div>
                    </div>
                    <div class="col-lg-9 download_list">
                        <div class="col-lg-3">
                            <div class="data_con">
                                <img src="images/pic_user.png" alt="">
                                <p class="people_num">23325+</p>
                                <div style="width:40px;height:1px;background:white;margin:auto !important;"></div>
                                <p>用户</p>
                            </div>                                    
                        </div>
                        <div class="col-lg-3">
                            <div class="data_con">
                                <img src="images/pic_city.png" alt="">
                                <p class="people_num">36+</p>
                                <div style="width:40px;height:1px;background:white;margin:auto !important;"></div>
                                <p>城市</p>
                            </div>   
                        </div>
                        <div class="col-lg-3">
                            <div class="data_con">
                                <img src="images/pic_download.png" alt="">
                                <p class="people_num">23325+</p>
                                <div style="width:40px;height:1px;background:white;margin:auto !important;"></div>
                                <p>下载量</p>
                            </div>   
                        </div>
                        <div class="col-lg-3">
                            <div class="data_con">
                                <img src="images/pic_update.png" alt="">
                                <p class="people_num">23325+</p>
                                <div style="width:40px;height:1px;background:white;margin:auto !important;"></div>
                                <p>月上传量</p>
                            </div>   
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            
            <!-- 麒麟设计 -->
            <div class="design">
                <div class="design_con">
                    <fieldset>
                        <legend><h2>APP 麒麟设计</h2></legend>
                        从“小白+个人”到“大神+团队”，麒麟给您一个舞台，我们分享，协作，共赢！
                    </fieldset>


                    <div class="row design_dec_con">
                        <div class="col-lg-7">
                            <img src="images/pic_twoPhones.png" class="design_dec_logo">
                        </div>
                        <div class="col-lg-5">
                            <div class=" design_css design_list1">
                                <img src="images/pic_easy.png" alt="">
                                <div class="design_con_dec">
                                    <h4>操作简单</h4>
                                    <p>
                                        包图后台操作便捷，结构明了让您反手操作依然自如
                                    </p>
                                </div>
                            </div>
                            <div class="design_css design_list2">
                                
                                    <img src="images/pic_easy.png" alt="">
                                    <div class="design_con_dec">
                                        <h4>操作简单</h4>
                                        <p>
                                            包图后台操作便捷，结构明了让您反手操作依然自如
                                        </p>
                                    </div>
                                
                            </div>
                            <div class="design_css design_list3">
                                
                                    <img src="images/pic_easy.png" alt="">
                                    <div class="design_con_dec">
                                        <h4>操作简单</h4>
                                        <p>
                                            包图后台操作便捷，结构明了让您反手操作依然自如
                                        </p>
                                    </div>
                                
                            </div>
                            <div class="design_css design_list4">
                                
                                    <img src="images/pic_easy.png" alt="">
                                    <div class="design_con_dec">
                                        <h4>操作简单</h4>
                                        <p>
                                            包图后台操作便捷，结构明了让您反手操作依然自如
                                        </p>
                                    </div>
                                
                            </div>
                            <div class="design_css design_list5">
                                
                                    <img src="images/pic_easy.png" alt="">
                                    <div class="design_con_dec">
                                        <h4>操作简单</h4>
                                        <p>
                                            包图后台操作便捷，结构明了让您反手操作依然自如
                                        </p>
                                    </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>


            <!-- 麒麟招募 -->
            <div class="employ" id="ally_join">
                <div class="employ_content">
                    <fieldset>
                        <legend><h2>join in&ensp; 麒麟招募</h2></legend>
                        一个加入，也许是命运转变的开始！您投稿，我帮您赚钱，成就您设计师的个人价值和财富梦想.
                    </fieldset>

                    <div class="row employ_info">
                        <div class="col-lg-5 employ_info_left">
                            <form action="#" method="GET">
                                <h3>加入我们</h3>
                                <div class="employ_info_box">
                                    <img src="images/pic_em_user.png" alt=""> 
                                    <input type="text" placeholder="姓名" autofocus/>
                                </div>
                                <div class="employ_info_box">
                                    <img src="images/pic_em_phone.png" alt=""> 
                                    <input type="tel" placeholder="电话" />
                                </div>
                                <div class="employ_info_box">
                                    <img src="images/pic_em_experience.png" alt=""> 
                                    <span>是否有过相关经验</span>
                                    <input type="radio" name="experience" value="yes" id="yes"><label for="yes">是</label>
                                    <input type="radio" name="experience" value="no" checked id="no"><label for="no">否</label>
                                    <input type="radio" name="experience" value="other" id="other"><label for="other">其他</label>
                                </div>
                                <div class="employ_info_box">
                                    <img src="images/pic_em_user.png" alt=""> 
                                    <input type="text" placeholder="其他品牌名称" autofocus/>
                                </div>
                                <textarea placeholder="备注"></textarea>
                                
                                <input type="submit" value="提交" class="btn btn-info"/>
                            </form>
                        </div>
                        <div class="col-lg-1"></div>
                        <div class="col-lg-6 employ_info_right">
                            <img src="images/pic_employ.png" alt="">
                        </div>                        
                    </div>
                    <div class="clear"></div>
                </div>
            </div>


            <!-- 团队风采 -->
            <div class="group">
                <div class="group_content">
                    <fieldset>
                        <legend><h2>TEAMS&ensp; 团队风采</h2></legend>
                        从“小白+个人”到“大神+团队”，包图给您一个舞台，我们分享，协作，共赢！.
                    </fieldset>

                    <div class="row ally_require">
                        <div class="col-lg-6">
                            <div class="require_left">
                                <span class="require_title">加盟条件</span>
                                <p class="require_dec">
                                    麒麟有限公司愿为所有精英敞开大门，现面向全国范围寻找合作伙伴，竭力为设计师们提供全方位系统的设计知识。培训方式包括但不限于：现场培训、网络视频培训、电话培训等。今天的选择，是明天的未来！心动不如行动，大家都行动，您呢？！
                                </p>
                                <ul>
                                    <li>
                                        <div class="advantage_list">
                                            <img src="images/pic_re_ally.png" alt=""><span>全职瑞易联盟</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="advantage_list">
                                            <img src="images/pic_re_mode.png" alt=""><span>能够独立讲解商业模式</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="advantage_list">
                                            <img src="images/pic_re_emthusiasm.png" alt=""><span>具有团队带动力</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="advantage_list">
                                            <img src="images/pic_re_headqualter.png" alt=""><span>有自营办公场所或者总部在该地有盟友孵化基地</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="require_right">
                                <div class="group_pic1">
                                    <img src="images/pic_group.jpg" alt="">
                                </div>
                                <div class="group_pic2">
                                    <img src="images/pic_group.jpg" alt="">
                                </div>

                                <div class="exchange">
                                    <img src="images/pic_exchange.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>


            <!-- 底部 -->
            <div class="footer" id="contact_us">
                <div class="row footer_content">
                    <div class="col-lg-3">
                        <span class="contact_way">联系我们</span>
                        <p>400-XXX-XXXX</p>
                        <div class="contact_address">
                            <span >地址：</span><p>包图省包图市包图区包图XXX号包图大厦</p>
                            <div class="clear"></div>
                        </div>
                        <div class="contact_tel"><span >电话：</span><p>0359-XXXXXX<br>XXXXXXXXX</p>
                        <div class="clear"></div>
                        </div>
                        <button class="join_us">加入我们</button>
                    </div>
                    
                    <div class="col-lg-7">
                        <div class=" col_line"><div ></div></div>
                        <div class="main_content">
                            <span class="footer_nav">网站导航</span>
                            <div class="row">
                                <div class="col-lg-1 footer_nav_list">网站首页</div>
                                <div class="col-lg-1 footer_nav_list">公司简介</div>
                                <div class="col-lg-1 footer_nav_list">应用简介</div>
                                <div class="col-lg-1 footer_nav_list">盟友招聘</div>
                                <div class="col-lg-1 footer_nav_list">联系我们</div>
                            </div>
                            <span class="footer_link">友情链接</span>
                            <p><a>麒麟技术广告有限公司官网</a></p>
                        </div>
                        <div class="col_line"><div ></div></div>
                        <div class="clear"></div>
                    </div>
                    
                    <div class="col-lg-2 code_content">
                        <p class="code_title">诚信为本 精益求精</p>
                        <img src="images/pic_code.png" class="code_pic">
                        <p class="code_dec">官方微信</p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script src="layui/layui.all.js"></script>
    <script src="js/index.js"></script>
    <script>
         

        setLunboWork();
        var arrow = document.getElementsByClassName("layui-carousel-arrow");
        var arrowThis = document.getElementsByClassName("layui-this")[0];
        var lunboList = document.getElementById("lunbo_list");
        var showPicNum = document.getElementsByClassName("pic_show_num")[0];
        var picSum = document.getElementsByClassName("pic_sum")[0];
        if(lunboList.children.length > 9){
            picSum.innerHTML = lunboList.children.length;
        }else{
            picSum.innerHTML = '0' + lunboList.children.length;
        }
        $('.employ_info_box').click(function(){
            $(this).children('input').focus();
        });
        setArrowBg(arrow);
        indexSetLunboClick(lunboList,showPicNum);
        setInputBottom();
        setExchangeClick($('.exchange'));

    </script>
</body>
</html>